<div class="wrapper-xs">
    <div class="row">
        <div class="col-sm-12">
            <form name="formValidate" class="form-horizontal form-validation"  ng-submit="vm.submit()">
                <div class="panel panel-default">
                    <div class="panel-body">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">数据库名称</label>
                            <div class="col-sm-9">
                                <input type="text" class="form-control" ng-model="vm.dbprofile.dbName" required >
                            </div>
                        </div>
                        <div class="line line-dashed b-b line-lg pull-in"></div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">数据库类型</label>
                                <div class="col-sm-9">
                                    <select class="form-control" name="options" ng-model="vm.dbprofile.dbType"
                                            ng-options="obj for obj in $msg('dbTypes')"
                                            required>
                                    </select>
                                </div>
                        </div>
                        <div class="line line-dashed b-b line-lg pull-in"></div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">数据库地址</label>
                            <div class="col-sm-9">
                                <input type="text" class="form-control" placeholder="127.0.0.1" ng-model="vm.dbprofile.dbUrl" ng-maxlength="15" required>
                            </div>
                        </div>
                        <div class="line line-dashed b-b line-lg pull-in"></div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">数据库端口</label>
                            <div class="col-sm-9">
                                <input type="text" class="form-control" placeholder="1521" ng-model="vm.dbprofile.dbPort"  ng-maxlength="10" required>
                            </div>
                        </div>
                        <div class="line line-dashed b-b line-lg pull-in"></div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">数据库SID</label>
                            <div class="col-sm-9">
                                <input type="text" class="form-control" placeholder="orcl" ng-model="vm.dbprofile.dbSid"  ng-maxlength="10"  required>
                            </div>
                        </div>
                        <div class="line line-dashed b-b line-lg pull-in"></div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">数据库用户</label>
                            <div class="col-sm-9">
                                <input type="text" class="form-control"   ng-model="vm.dbprofile.dbUsername"  ng-maxlength="10" required>
                            </div>
                        </div>
                        <div class="line line-dashed b-b line-lg pull-in"></div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">数据库密码</label>
                            <div class="col-sm-9">
                                <input type="text" class="form-control"   ng-model="vm.dbprofile.dbPassword"  ng-maxlength="10" required>
                            </div>
                        </div>
                    </div>
                    <footer class="panel-footer text-right bg-light lter">
                        <a  class="btn btn-success" ng-click="vm.connectTest(vm.dbprofile)" ng-disabled="formValidate.$invalid">连接测试</a>
                        <button type="submit" class="btn btn-success" ng-disabled="formValidate.$invalid">提交</button>
                    </footer>
                </div>
            </form>
        </div>
    </div>
</div>